// less(sass)是css的预编译工具
// 嵌套
// 变量
// 混入
// :deep(类名) {}

// 可以在这里去定义一些全局的变量等
@theme-color: #f66;
@font-color: #333;
@border-color: #ccc;

@xxl-font: 22px;
@xl-font: 20px;
@l-font: 18px;
@m-font: 16px;
@s-font: 14px;
@xs-font: 12px;
@xxs-font: 10px;

// 混入，将一些经常一起出现的css代码进行组合
.center() {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ell() {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
// 多行
.ell2(@n) {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @n; /* 这里是超出几行省略 */
}


